<template>
	<view>
		<cu-custom title="机构主页" rightText="转发" @rightClick="rightClick"></cu-custom>
		<view class="t-a-c m-t-10 m-b-10" >
			<view class=" m-b-10" style="width: 100%; display: block; font-size: 22px;">编辑说明</view>
			<text class="f-s-16 edit-t" >优秀而吸引人的个人主页，是老师在平台获得学生和粉丝的前提，一定要认真对待不断完善哦</text>
		</view>
		<view class="bg-white p-b-15">
			<view class="flex justify-center p-t-15 ">
				<u--image :showLoading="true" radius="10rpx" src="/static/img/2.png" width="185rpx" height="185rpx">
				</u--image>
			</view>
			
			<view class="text-center margin-top f-26 f-w-b">
				凡尔赛钢琴大师
			</view>
			<view class="uni-form-item uni-column in-text b-t-n b-u-c m-t-20" style="margin-top: 20px;">
				<button> 更改头像</button>
			</view>
			<view>
				<view class="form-detail" >
					<view class="l-m-b l-m-l f-w-b">
						
						<text>门店电话</text>
					</view>
					<view class="l-m-b l-m-r">
						
						<input type="number" value="" placeholder="请输入门店电话"/>
						<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
					</view>
				</view>
				<view class="form-detail" >
					<view class="l-m-b l-m-l f-w-b">
						
						<text>门店地址</text>
					</view>
					<view class="l-m-b l-m-r">
						
						<input value="" placeholder="请输入门店地址"/>
						<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
					</view>
				</view>
				<view class="form-detail" >
					<view class="l-m-b l-m-l f-w-b">
						
						<text>营业时间</text>
					</view>
					<view class="l-m-b l-m-r">
						
						<input value="" placeholder="请输入"/>
						<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
					</view>
				</view>
				<view class="form-detail" >
					<view class="l-m-b l-m-l f-w-b">
						
						<text>营业状态</text>
					</view>
					<view class="l-m-b l-m-r">
						
						<input value="营业中"/>
						<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
					</view>
				</view>
				<view class="form-detail" >
					<view class="l-m-b l-m-l f-w-b">
						
						<text>机构标签（最多5个）</text>
					</view>
					<view class="l-m-b l-m-r">
						
						
					</view>
				</view>
				<text class="p-15 d-p-b f-14" style="color: #999;">您可以通过设置个人标签让学生快速了解自己，如: 高考数学满分、清华才子、幽默风趣、美貌智慧、奥运冠军等</text>
				<view class="uni-form-item uni-column in-text  b-u-b m-t-20 " style="margin-top: 20px;">
					<button> 机构标签</button>
				</view>
			</view>
		</view>
		<view class="bg-white m-t-10 p-b-15">
			<view class="form-detail" >
				<view class="l-m-b l-m-l f-w-b">
					
					<text>师资（16）</text>
				</view>
				
			</view>
			<view class="padding-left">
				<u-scroll-list indicatorWidth="0">
					<view class="margin-right-sm" v-for="(item, index) in recommendList" :key="index">
						<view class="bg-white radius-lg p-t-15"
							style="width: 200rpx; position: relative; overflow: hidden;">
							<view class="flex align-center padding-right-xl">
								<u--image :showLoading="true" radius="10rpx" src="/static/img/2.png" width="200rpx" height="200rpx">
								</u--image>
								
							</view>
							<view class="flex flex-between m-t-10">
								<view class="w-1-0-0 d-p-b">
									
									<text class="margin-left-sm f-14 f-w-b f-l">王勇</text>
									<text class=" f-4 f-r c-o-f" style="background: blue; padding: 2px 7px; border-radius: 10px 10px 10px 0px;">推荐</text>
								</view>
								
							</view>
							<view class="t-a-c">主任教师</view>
							<view class="f-6 m-t-5 c-o-9">好评534丨2.2w预约</view>
						</view>
					</view>
				</u-scroll-list>
				<view class="uni-form-item uni-column in-text  b-u-b m-t-5  " >
					<button> 教师绑定</button>
				</view>
			</view>
		</view>
		<view class="bg-white m-t-5 p-b-15">
			<view class="p-b-15">
			<view class="t-a-c f-s-18 m-t-20 f-w-b p-t-10">——&nbsp;机构简介&nbsp;——</view>
			<view class="form-detail" style="border-bottom: 0;">
				<view class="l-m-b l-m-l f-w-b">
					
					<text>机构简介（300字以内）</text>
				</view>
				
			</view>
			<text class="p-15 w-1-0-0 c-o-9 d-p-b" >请认真填写老师的个人从业经历,以及获得的荣量等信息,记得分段</text>
			<view class="uni-form-item uni-column in-text  b-u-b  " >
				<button> 编辑机构介绍</button>
			</view>
			</view>
			<view class="p-b-15">
			
			<view class="form-detail"  style="border-bottom: 0;">
				<view class="l-m-b l-m-l f-w-b">
					
					<text>照片展示（最多4张）</text>
				</view>
				
			</view>
			<text class="p-15 w-1-0-0 c-o-9 d-p-b" >老师可以在此处上传个人生活照片、上课照片、获奖照片或者各类证书照片,以此来充分证明自己的实力</text>
			<text class="t-a-c d-p-b m-b-15">您尚未上传您的个人照片,请点击下方按钮前往上传照片</text>
			<view class="uni-form-item uni-column in-text  b-u-b " >
				<button> 上传照片</button>
			</view>
			</view>
			<view class="p-b-15">
			
			<view class="form-detail"  style="border-bottom: 0;">
				<view class="l-m-b l-m-l f-w-b">
					
					<text>视频展示（最多2个）</text>
				</view>
				
			</view>
			<text class="p-15 w-1-0-0 c-o-9 d-p-b" >老师可以在此处上传个人生活照片、上课照片、获奖照片或者各类证书照片,以此来充分证明自己的实力</text>
			<text class="t-a-c d-p-b m-b-15">您尚未上传您的老师视频，请点击下方按钮前往上传视频</text>
			<view class="uni-form-item uni-column in-text  b-u-b  " >
				<button> 上传照片</button>
			</view>
			</view>
		</view>
		<view class="bg-white shishengq m-t-5 p-b-15">
			<view class="p-b-15">
			<view class="t-a-c f-s-18  f-w-b p-t-10">——&nbsp;师生圈&nbsp;——</view>
			<text class="p-t-15 p-b-15 c-o-9 t-a-c d-p-b">暂无发布的内容</text>
			<view class="uni-form-item uni-column in-text  b-u-b  " >
				<button> 查看全部（0）</button>
			</view>
			</view>
		</view>
		<view class="bg-white shishengq m-t-5 p-b-15">
			<view class="p-b-15">
			<view class="t-a-c f-s-18 f-w-b p-t-10">——&nbsp;在售公开课&nbsp;——</view>
			<view class="m-t-15"></view>
			<view class="c-l p-b-15 flex">
				<view class="left-price f-l m-r-10 m-l-15">
					<view class="c-red f-s-18 t-a-c"> ￥<text style="font-size: 26px; font-weight: bold;">110</text></view>
					<text class="c-o-9">门市价：￥1999</text>
				</view>
				<view class="right-infor f-l">
					<view class="t-h-f f-20" style="margin-bottom: 6px;">成人/少儿钢琴一对一体验课少儿钢琴一对一体验课</view>
					<text class="f-14 c-o-9">年售卖20</text>
				</view>
			</view>
			<view class="c-l p-b-15 flex">
				<view class="left-price f-l m-r-10 m-l-15">
					<view class="c-red f-s-18 t-a-c"> ￥<text style="font-size: 26px; font-weight: bold;">110</text></view>
					<text class="c-o-9">门市价：￥1999</text>
				</view>
				<view class="right-infor f-l">
					<view class="t-h-f f-20" style="margin-bottom: 6px;">成人/少儿钢琴一对一体验课少儿钢琴一对一体验课</view>
					<text class="f-14 c-o-9">年售卖20</text>
				</view>
			</view>
			<view class="uni-form-item uni-column in-text  b-u-b   m-t-15 c-l" >
				<button> 创建免费公开课</button>
			</view>
			</view>
		</view>
		<view class="bg-white shishengq m-t-5 p-b-15">
			<view class="p-b-15">
			<view class="t-a-c f-s-18  f-w-b p-t-10">——&nbsp;学生评价&nbsp;——</view>
			<text class="p-t-15 p-b-15 c-o-9 t-a-c d-p-b">暂无学生评价</text>
			
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				current: 0,
				recommendList: 4,
			}
		},
		methods: {
			rightClick(){
				uni.navigateTo({
					url: ''
				});
			},
			
		}
	}
</script>

<style lang="less" scoped>
@import '@/static/css/common.css';
.edit-t{width: 90%; margin: 0 5%; display: block; line-height: 25px; color: #999;}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 40%; border-radius: 50rpx;}
.b-u-b button{ background: #fff; color: #EA3457; border: 1px solid #EA3457; width: 40%; border-radius: 50rpx;}
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 88rpx; line-height: 88rpx;
input{ height: 88rpx; line-height: 88rpx; color: #999; font-size: 16px;}
}
.l-m-b{ display: flex;
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx;}
.l-m-r{ float: right; padding-right: 35rpx;height: 88rpx; line-height: 88rpx;  text-align: right; display: ;}
uni-image>div, uni-image>img{ height: 15rpx !important; width: 15rpx !important;}
.icon1{ color: #000;}
.left-price{ width: 27%;}
.right-infor{ width: 65%;}
</style>
